EDIMH Teória: Visualización de Datos

M3: Datos y Elementos Gráficos

Mostrar datos en una pantalla no es un acto matemático, es un acto de comunicación biológica. Debemos entender cómo el cerebro procesa la información.

Corteza Visual vs Corteza Cerebral

Cuando muestras una tabla llena de números, obligas a tu audiencia a usar su corteza cerebral frontal. Tienen que leer, procesar verbalmente y comparar matemáticamente cada dígito. Es un proceso lento y agotador.

Cuando muestras un gráfico geométrico (barras o líneas), la información entra directamente por la corteza visual. El cerebro humano puede comparar el tamaño de dos rectángulos y saber cuál es mayor en milisegundos, sin esfuerzo consciente.

Q1: 25k
Q2: 40k
Q3: 85k
PROCESAMIENTO LENTO VS INSTANTÁNEO
DETECCIÓN CROMÁTICA AUTOMÁTICA

Hackeando la Atención

En la Práctica 3 aprendimos a pintar todos los datos de gris y colorear solo uno brillante. Esto se basa en la psicología de los Atributos Preatencionales.

El Aislamiento Focal

El ojo humano detecta anomalías en el color, tamaño o forma de manera subconsciente (preatencional) mucho antes de empezar a leer. Si pintas tu gráfico como un arcoíris, obligas al cerebro a procesar cada color. Si pintas todo neutro y usas un solo color de acento, tú controlas exactamente hacia dónde mirará la audiencia en el primer segundo.

Proporción Datos-Tinta (Data-Ink)

Concepto creado por Edward Tufte, el padre de la visualización de datos moderna.

Eliminación del Ruido Visual

La regla es estricta: "Borra toda la tinta (píxeles) que no represente directamente un dato".

  • Líneas de cuadrícula: Obligan al ojo a rebotar entre la barra y el eje. Bórralas.
  • Eje Y (Números a la izquierda): Es inexacto. Mejor pon el número (Data Label) directamente encima de la barra protagonista.
  • Leyendas redundantes: Si el título explica de qué trata el gráfico, la pequeña caja de leyenda abajo es ruido inútil.
85%
GRÁFICO NATIVO VS DISEÑO LIMPIO (TUFTE)

PERSPECTIVA FALSA

PROPORCIÓN EXACTA

LA MENTIRA DEL VOLUMEN (PROHIBIDO 3D)

La Prohibición del 3D

En la práctica desagrupamos el SmartArt para quitarle el efecto "Biselado" o "Volumen 3D". Esto no es solo por estética (Flat Design), es por integridad matemática.

Distorsión de la Verdad

Cuando aplicas 3D a un gráfico circular (Pie chart) o de barras, el software inclina la figura. Las porciones que quedan "al frente" se ven artificialmente más grandes debido a la perspectiva, mientras que las de atrás se encogen. El 3D miente visualmente. El diseño 2D (plano) garantiza la proporción geométrica exacta.

Semántica Visual (SVG)

Por qué en la práctica diseccionamos íconos en lugar de usar fotografías de archivo genéricas.

El Ícono como Ancla de Memoria

El cerebro humano recuerda imágenes (pictogramas) con una eficacia muy superior a las palabras escritas (Efecto de Superioridad de la Imagen).

Cuando reemplazas un bloque de texto por un Ícono SVG limpio y un titular corto, creas un "ancla semántica". La audiencia no necesita leer la palabra "Tiempo"; ven el reloj (que nosotros pintamos a medida) e instantáneamente decodifican el mensaje, dejándoles el 100% de su energía mental libre para escuchar tu voz.

"Nuestro sistema optimiza el tiempo de respuesta en un 45% acelerando los procesos de logística."
+45% Velocidad
SÍNTESIS VISUAL Y ANCLAJE